<template>
  <div class="city_selector">
    <el-cascader
      :options="regionData"
      v-model="selectedOptions"
      @change="handleChange"
      :clearable="true"
      :placeholder="'请选择省/市/区县'"
    >
    </el-cascader>
  </div>
</template>

<script>
import regionData from "../js/index";

export default {
  name: "CitySelector",
  data() {
    return {
      regionData,
      selectedOptions: [],
    };
  },
  methods: {
    handleChange() {

    },
  }
}
</script>

<style scoped>
</style>
